<template>
    <ul class="commentlist">
        <li class="commentItem" v-for="item of commentlist" :key = "item.id">
            <div class="comImg">
                <img :src="item.images.small" alt="">
            </div>
            <div class="com-content">
                <div class="info-title">
                    {{ item.title }}
                </div>
            </div>
        </li>   
    </ul>
</template>
<script>
export default {
  props: ['commentlist'],
}
</script>
<style lang="scss">
@import '@/lib/reset.scss';
.commentlist {
    width: 100%;
    height: auto;
    .commentItem {
        width: 100%;
        height: 0.8rem;
        display: flex;
        border-bottom: 0.01rem solid #ccc;
        .comImg {
            width: 0.3rem;
            height: 0.3rem;
            display: flex;
            justify-content: center;
            align-items: center;
            img {
                width: 0.24rem;
                height: 0.24rem
            }
        }
    }
  }
</style>
